import wepy from 'wepy'

export default class extends wepy.mixin {
  // 数据
  data = {
    // 搜索内容
    value: '',
    // 建议列表
    searchList: [],
    // 搜索历史列表
    searHisList: []
  }

  // 页面加载事件
  onLoad() {
    // 获取本地数据列表
    const searList = wepy.getStorageSync('key') || []
    this.searHisList = searList
  }

  computed = {
    isShowHistory() {
      if (this.value.trim().length <= 0) {
        return true
      }
      return false
    }
  }

  // 方法
  methods = {
    // 触发搜索方法
    onSearch(e) {
      const value = e.detail.trim()
      // 如果搜索内容存在
      if (value && this.searHisList.indexOf(value) === -1) {
        // 将搜索内容添加到历史搜索列表中
        this.searHisList.unshift(value)
        // 截取数组保留10位
        this.searHisList = this.searHisList.slice(0, 10)
        // 将数据存储到本地当中
        wepy.setStorageSync('key', this.searHisList)
        wepy.navigateTo({ url: '/pages/goods_list?query=' + value })
      }
    },

    // 搜索内容发生变化时触发
    onChange(e) {
      this.value = e.detail
      console.log(e.detail)
      this.getChangeWord(e.detail)
    },

    // 取消搜索
    onCancel() { },

      // 跳转商品详情页
    goGoodsDetail(id) {
      wepy.navigateTo({ url: '/pages/goods_detail/main?goods_id=' + id })
    },

    // 去搜索历史
    goSearchHis(query) {
      wepy.navigateTo({ url: '/pages/goods_list?query=' + query })
    },

    // 清除历史记录
    clearHistory() {
      this.searHisList = []
      wepy.setStorageSync('key', this.searHisList)
    }
  }

  // 搜索内容
  async getChangeWord(searchStr) {
    const { data: res } = await wepy.get('/goods/qsearch', {
      query: searchStr
    })
    this.searchList = res.message
    // 强制渲染
    this.$apply()
    console.log(res)
  }
}
